<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->
<head>
	<!-- Basic Meta Tags -->
  <meta charset="utf-8">
  <title>Ypsilon - template by entiri</title>
	<meta name="description" content="your description">
	<meta name="keywords" content="your keywords">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Favicon -->
  <link href="img/favicon.png" rel="icon" type="image/png">
  <!-- Bootstrap css -->
  <link href="css/bootstrap.min.css" rel="stylesheet">  
  <!-- Flexslider css -->
  <link href="css/flexslider.css" rel="stylesheet">
  <!-- Nivo slider css -->
  <link href="css/nivo-slider.css" rel="stylesheet">
  <!-- Pretty Photo -->
  <link href="css/prettyPhoto.css" rel="stylesheet">  
  <!-- Font Awesome css -->
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <!-- Custom Scrollbar css -->
  <link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" />
  <!-- Animate css -->    
  <link href="css/animate.css" rel="stylesheet">
  <!-- Refine slider -->
  <link href="css/refineslide.css" rel="stylesheet">    
  <!-- Theme css -->    
  <link href="css/style.css" rel="stylesheet" id="bg">    
  <!-- Default color css -->
  <link href="css/colors/blue.css" rel="stylesheet" id="color">
  <!-- Bootstrap override css -->               
  <link href="css/bootstrap-override.css" rel="stylesheet">

  <!-- Google Fonts -->
  <link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>

	<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   

</head>       
<body>

	<div class="color-picker ">
		<a href="#" class="handle"><i class="icon-cog"></i></a>
		<div class="settings-header">
			<h3>Setting panel</h3>
			<span>set your favourite style</span>
		</div>
		<div class="section">
			<h4 class="color"><i class="icon-tint"></i> Color schemes:</h4>
			<div class="colors">
    <a href="#" class="blue" title="Blue"></a>
    <a href="#" class="green" title="Green"></a>
    <a href="#" class="orange" title="Orange"></a> 
    <a href="#" class="orange-light" title="Orange light"></a><br>
    <a href="#" class="olive" title="Olive"></a>
    <a href="#" class="violet" title="Violet"></a>
    <a href="#" class="dark-blue" title="Dark blue"></a> 
    <a href="#" class="yellow" title="Yellow"></a><br>
				<div style="clear:both;"></div>
			</div>
		</div>
		<div class="section">
			<h4 class="color"><i class="icon-adjust"></i> Skin version:</h4>
			<div class="skin">
        <a href="#" class="bg-white" title="White">White</a>
        <a href="#" class="bg-dark" title="Dark">Dark</a>
				<div style="clear:both;"></div>
			</div>
		</div>
	</div>

<!-- Header -->
<header id="header">
  <div class="container">
    <div class="row spacer40"></div>
    <div class="row">
      <div class="span8">
        <div class="logo"> <!-- Logo -->
          <a href="index-2.html"><div class="logo-picture"></div></a> <!-- Logo link and logo image -->
          <div class="logo-text"><span class="color-dark"><u>Ypsilon</u></span> is not an alternative</div> <!-- text next to logo -->
        </div>            
      </div>
      <div class="span4">
        <div class="login hidden-phone pull-right">
          <div class="login-text"><a href="#">LOG IN</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">SIGN UP</a></div>
        </div>            
      </div>
    </div>    
     
    <div class="row">
      <div class="span12">
      <!-- Main navigation -->
        <nav class="navbar">
          <ul class="nav pull-right" id="nav">
            <li><a href="index-2.html" title="Home">Home</a>
              <ul><!-- Sub menu -->              
                <li><a href="index-1.html" title="Home 1">Home 1 - Horizontal scroll</a></li>
                <li><a href="index-3.html" title="Home 2">Home 2 - video</a></li>
                <li><a href="index-4.html" title="Home 3">Home 3 - refine slider</a></li>
                <li><a href="index-5.html" title="Home 4">Home 4 - parallax</a></li>
                <li><a href="index-6.html" title="Home 5">Home 5 - refine slider - shop</a></li>
              </ul><!-- Sub menu end-->
            </li>
            <li><a href="projects.html" title="Projects">Projects</a>
              <ul><!-- Sub menu -->
                <li><a href="project-detail.html" title="Project detail">Project detail</a></li>
                <li><a href="project-detail-2.html" title="Project detail 2">Project detail fullwidth</a></li>
              </ul><!-- Sub menu end-->            
            </li>
            <li><a href="shop.html" title="Shop">Shop</a>
              <ul><!-- Sub menu -->             
                <li><a href="shop-1.html" title="hop in 3 columns">Shop in 3 columns</a></li>
                <li><a href="shop-2.html" title="Shop in 4 columns">Shop in 4 columns</a></li>
                <li><a href="shop.html" title="Shop single product">Shop single product</a></li>
                <li><a href="#" title="Category 1">Category 1 - 3rd lvl menu</a>
                  <ul>
                    <li><a href="#" title="Subcategory 1">Subcategory 1</a></li>
                    <li><a href="#" title="Subcategory 2">Subcategory 2</a></li>
                    <li><a href="#" title="Subcategory 3">Subcategory 3</a></li>
                    <li><a href="#" title="Subcategory 4">Subcategory 4</a></li>
                  </ul>                
                </li>
                <li><a href="checkout.html" title="Checkout">Checkout</a></li>
                <li><a href="#" title="Category 3">Category 3</a></li> 
              </ul><!-- Sub menu end-->            
            </li>             
            <li><a href="gallery.html" title="Gallery">Gallery</a>
              <ul><!-- Sub menu -->
                <li><a href="gallery-1.html" title="Gallery style 2">2 columns</a></li>
                <li><a href="gallery-2.html" title="Gallery style 3">3 columns</a></li>
                <li><a href="gallery-3.html" title="Gallery style 4">4 columns</a></li>
              </ul><!-- Sub menu end-->
            </li>
            <li><a href="blog.html" title="Blog">Blog</a>
              <ul><!-- Sub menu -->
                <li><a href="blog-detail.html" title="Blog Detail">Blog Detail</a></li>
                <li><a href="blog-detail-2.html" title="Blog Detail 2">Blog Detail 2</a></li>
                <li><a href="blog-detail-2-video.html" title="Blog Detail 2 video">Blog Detail 2 video</a></li>
                <li><a href="blog.html" title="Blog fullwidth">Blog Fullwidth</a></li>
                <li><a href="blog-1.html" title="Blog style 2">Blog style 2</a></li>
                <li><a href="blog-2.html" title="Blog style 3">Blog style 3</a></li>
              </ul><!-- Sub menu end-->
            </li>
            <li class="active"><a href="#" title="Features">Features</a>
              <ul><!-- Sub menu -->
                <li><a href="components.html" title="Components">Components</a></li>
                <li class="active-link"><a href="404-error.html" title="404 error">404</a></li>
                <li><a href="icons.html" title="Icons">Icons</a></li>
                <li><a href="grid-system.html" title="Grid System">Grid System</a></li>
              </ul><!-- Sub menu end -->                                
            </li>                            
            <li><a href="contact.html" title="Contact">Contact</a></li>
          </ul>
        </nav><!-- Main navigation end-->
      </div>
    </div>         
  </div>
</header>


<section id="section">
  <div class="container">
    <div class="row spacer100"></div>
    <div class="row spacer50"></div>
    <div class="row">
      <div class="span12 ">
        <div class="logo center-cell"> <!-- Logo -->
          <a href="index-2.html"></a> <!-- Logo link -->
        </div> 
      </div>
    </div>    
    <div class="row spacer30"></div>
    <div class="row">
      <div class="span12 center">
        <h1>Sorry, page not found.</h1>
        <h5>try to insert what are you looking for.</h5>
      </div>
    </div>
    <div class="row spacer20"></div>
    <div class="row">
      <div class="span12">
        <form action="#" class="form-404" method="post">
          <div class="row">
            <div class="span4 offset4">
            
              <input id="s" name="s">   
              <a class="btn btn-style-2" id="sent"><i class="icon-search"></i> </a>
              

            </div>
          </div>   
        </form>
      </div>
    </div>     
    <div class="row spacer100"></div>
    <div class="row spacer50"></div>
  </div> <!-- container end  -->
</section>

<!-- Footer -->
<footer id="footer">  
  <div class="container footer">
    <div class="row">
      <div class="span4 offset4">
        <div class="contact"><h3>Contact me</h3></div>
        <div class="border-bottom"></div>
      </div>
    </div>
    <div class="row spacer40"></div>
    <div class="row">
      <div class="span3">
        <div class="logo">
          <a href="index-2.html"><div class="logo-picture"></div></a> <!-- Logo link and logo image -->
        </div> 
      </div>
      <div class="span3">
        <h4>GET IN TOUCH</h4>
        <p>Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc. Claritas est etiam processus dynamicus.
        </p>
      </div>
      <div class="span3">
        <h4>ADDRESS</h4>
        <p>2701 San Tomas Expressway<br>
           Santa Clara, CA 95050<br>
           Tel: 1+(408) 486-2000<br>
           Fax: 1+(408) 486-2200<br>
           <a href="mailto:exapmple@example.com">bruno.jovani@bruno.com</a>
        </p>
      </div>
      <div class="span3">
        <h4>FOLLOW US</h4>
        <p>
          <a href="#" class="social-icon-main"><i class="icon-facebook" title="facebook"></i></a>
          <a href="#" class="social-icon-main"><i class="icon-google-plus" title="google +"></i></a>
          <a href="#" class="social-icon-main"><i class="icon-twitter" title="twitter"></i></a> 
          <a href="#" class="social-icon-main"><i class="icon-skype" title="skype"></i></a> 
          <a href="#" class="social-icon-main"><i class="icon-linkedin" title="linkedin"></i></a>
          <a href="#" class="social-icon-main"><i class="icon-dribbble" title="dribbble"></i></a>
          <a href="#" class="social-icon-main"><i class="icon-pinterest" title="pinterest"></i></a>
          <a href="#" class="social-icon-main"><i class="icon-flickr" title="flickr"></i></a>
          <a href="#" class="social-icon-main"><i class="icon-tumblr" title="tumblr"></i></a>
          <a href="#" class="social-icon-main"><i class="icon-youtube" title="youtube"></i></a>                                         
        </p> 
      </div>        
    </div>
    <div class="row spacer30"></div>
    <div class="row">
      <div class="span11">
        <div class="entiri-footer-text">
          &copy; 2013 YPLSILON. All rights reserved. Designed by 
          <a href="http://www.entiri.com/" rel="external">entiri</a>.&nbsp;Portfolio:&nbsp;
          <a href="http://www.themeforest.net/user/entiri/" rel="external">http://themeforest.net/user/entiri/</a>
        </div> 
      </div>
      <div class="span1">
        <div class="back-to-top">
          <a href="#"><i class="icon-angle-up"></i> </a> 
        </div>   
      </div>       
    </div> <!-- row end -->
  </div> <!-- footer container end --> 
</footer>


<!-- Javascript -->
<!-- Placed at the end of the document so the pages load faster -->
  <script src="js/jquery.js"></script> 
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.js"></script> 
  <script src="js/jquery.flexslider-min.js"></script>
  <script src="js/jquery.nivo.slider.pack.js"></script> 
  <script src="js/jquery.isotope.min.js"></script>
  <script src="js/jquery.mCustomScrollbar.concat.min.js"></script> 
  <script src="js/jquery.prettyPhoto.js"></script>    
  <script src="js/animate.js"></script>
  <script src="js/jquery.fitvids.js"></script>
  <script src="js/retina.js"></script>
  <script src="js/respond.min.js"></script>  
  <script src="js/jquery.parallax-1.1.3.js"></script>
  <script src="js/jquery.refineslide.js"></script>
  <script src="js/selectnav.js"></script>     
  <script src="js/functions.js"></script>
  
</body>
</html>